<template>
	<view class="content">
		<!-- <image class="logo" src="/static/logo.png"></image> -->
		<!-- <view class="sb">
			<image class="image_11X1" src="/static/国徽.webp"></image>
			<text class="text_148X1">延边朝鲜族自治州委政法委</text>
		</view> -->

		<text style="margin: 15px 0; font-weight: bold; font-size: 18px; color: #0082df;">举报须知</text>
		<!-- <view style="padding-top: 10px;" class="text1">1.举报受理内容为涉黑涉恶方面的线索。</view>
		<text style=""
			class="text1">2.举报人应当如实反映情况，对所举报内容的真实性负责。接受询问、配合调查时，应如实提供情况和证据。对于捏造事实、诬告陷害的，将依照有关规定严肃处理；涉嫌违法犯罪的，将依法处理。</text>
		<text style="" class="text1">3.提倡实名举报，请提供真实姓名、身份信息以及准确联系方式等内容，受理机关将严格依法为举报人保密。</text>
		<text style="" class="text1">4.为提高工作效率，避免浪费公共资源，请不要重复举报。</text>
		<text style="" class="text1">5.如举报涉法涉诉、干警违纪违法方面的问题线索，请到相应页面举报。如举报其他方面的问题，请直接向有关部门反映。</text> -->

		<text class="text1">1. 举报受理内容为干警违纪违法方面的线索。\n
			2. 举报人应当如实反映情况，对所举报内容的真实性负责。接受询问、配合调查时，应如实提供情况和证据。对于捏造事实、诬告陷害的，将依照有关规定严肃处理；涉嫌违法犯罪的，将依法处理。\n
			3. 提倡实名举报，请提供真实姓名、身份信息以及准确联系方式等内容，受理机关将严格依法为举报人保密。\n
			4. 为提高工作效率，避免浪费公共资源，请不要重复举报。\n
			5. 如举报涉黑涉恶以及行业领域乱象、涉法涉诉方面的问题线索，请到相应页面举报。如举报其他方面的问题，请直接向有关部门反映。</text>
		<view class="footer">
			<button class="button1" @click="btn">
				<image class="button-image" src="/static/署名举报 (2).png"></image>
				<span class="text-box">
					<span class="button-text">实名举报</span>
					<span class="en-text">RealName</span>
				</span>
			</button>
			<button class="button1" @click="btn1">
				<image class="button-image" src="/static/匿名举报 (2).png"></image>
				<span class="text-box">
					<span class="button-text">匿名举报</span>
					<span class="en-text">Anonymous</span>
				</span>
			</button>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				title: 'Hello'
			};
		},
		onLoad() {
			this.login();
		},
		methods: {
			login() {
				const app = getApp();
				const openId = app.globalData.openId;
				// console.info(openId, 'openIdopenId')
				if (openId === null) {
					uni.navigateTo({
						url: '/pages/login'
					});
				}
			},
			// btn() {
			// 	uni.navigateTo({
			// 		url: '/pages/work/shse/index'
			// 	})
			// },

			btn() {
				uni.navigateTo({
					url: `/pages/work/tianbao/smjb?category=category_detail_three&smjb=2`
				});
			},
			btn1() {
				uni.navigateTo({
					url: `/pages/work/tianbao/nmjb?category=category_detail_three&nmjb=2`
				});
			},
		}
	};
</script>

<style>
	.content {
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
	}

	.sb {
		/* padding: 10px; */
		/* top: 100px; */
		width: 100%;
		height: 45px;
		/* top: -4px; */
		color: rgba(80, 80, 80, 1);
		background-color: rgba(51, 103, 153, 1);
		font-size: 18px;
		line-height: center;
		text-align: center;
		flex-direction: column;
		/* 设置为列方向布局 */
		/* align-items: center; */
		/* 垂直居中 */
		/* justify-content: center; */
		/* 水平居中（但在这里我们主要关心垂直居中，所以可能需要调整） */
	}

	.image_11X1 {
		width: 30px;
		height: 30px;
		margin-right: 15px;
		top: 10px;
	}

	.text_148X1 {
		margin-top: -10%;
		width: auto;
		height: 33px;
		left: 51px;
		top: 55px;
		color: rgba(255, 255, 255, 1);
		text-shadow: rgba(0, 0, 0, 0.5) 0px 2px 2px;
		font-size: 18px;
		line-height: 150%;
		text-align: left;
		font-weight: bold;
		padding-right: 80px;
	}

	.text1 {
		padding: 0 30px;
		font-size: 16px;
		font-family: '微软雅黑';
		/* line-height: ; */
	}




	.footer {
		display: flex;
		/* 使子元素（按钮）水平排列 */

		position: absolute;
		bottom: 6%;
	}

	.button1 {
		width: 160px;
		height: 80px;
		/* padding: 10px 10px; */
		margin: 0 20px;
		border: none;
		border-radius: 8px;
		background-color: #F5F8FF;
		color: black;
		font-size: 16px;
		cursor: pointer;
		display: flex;
		/* 使按钮内的元素（图像、文本）水平排列 */
		align-items: center;
		/* 垂直居中 */
		/* padding: 5px 20px; */
		/* 根据需要调整按钮内边距 */
	}

	.button-image {
		width: 50px;
		height: 51px;
		align-items: center;
		/* display: flex; */
		justify-content: center;
		/* margin-top: 7%; */
		/* margin-left: -14%; */
		border-radius: 16px;
	}

	.text-box {
		margin-left: 13px;
		text-align: left;
		width: 70px;

		display: flex;
		/* 启用Flexbox布局 */
		flex-direction: column;
		/* 设置为垂直方向 */
		justify-content: center;
		/* 垂直居中 */
		align-items: flex-start;
		/* 水平居左 */
		height: 100%;
		/* 或者其他具体的高度值 */
	}

	.button-text,
	.en-text {
		/* 为子元素添加样式，如边距、颜色等 */
		margin: -4px 0;
		/* 示例：添加一些垂直边距 */
	}

	.button-text,
	{
	/* margin-bottom: 10%; */
	}

	.en-text {
		font-style: italic;
		font-size: 11px;
		/* 英文字体大小 */
		color: #C0C0C0;
		/* 英文字体颜色 */


		/* position: absolute;
		bottom: 0;
		left: 0;
		right: 0;
		margin: 0;
		text-align: center;
		padding-top: 23px; */
		/* 根据需要调整内边距 */
		/* padding: 15px 0; */
		/* background-color: rgba(0, 122, 255, 0.1); */
		/* 英文背景颜色，可选 */

	}

	.sm {
		margin-right: 10px;
		/* 图像与文本之间的间距 */
		width: auto;
		/* 保持图像原始宽高比 */
		height: auto;
		/* 保持图像原始宽高比 */
		margin-bottom: 6%;
	}
</style>